<template>
	<view class="records">
		<uni-list v-for="(item,index) in recordList" :key='index'>
			<uni-list-item :title="item.title" :showArrow="true" :note="item.create_date"
				:rightText="order_status[item.order_status]" :to="'/pagesA/my/vips/openRecordDetail?id='+item.id"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	import {
		getUserMembershipList
	} from '@/api/my/my.js';
	export default {
		data() {
			return {
				recordList: [],
				order_status: {
					1: "待付款",
					2: "待发货",
					3: "待收货",
					4: "已完成",
					5: "撤销订单",
					0: "没有商品",
					99: "已过期",
					88:"选择商品"
				}
			}
		},
		onLoad() {
			getUserMembershipList().then(({
				data: {
					list
				}
			}) => {
				this.recordList = list;
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.records {
		/deep/ .uni-icon-wrapper {
			padding-left: 0;
		}

		/deep/ .uni-list--border-top,
		/deep/ .uni-list--border-bottom {
			background-color: transparent;
		}

		/deep/ .uni-list-item__content-title {
			color: #292929;
			font-size: 30rpx;
		}

		/deep/ .uni-list-item__content-note {
			color: #767676;
			font-size: 26rpx;
		}

		/deep/ .uni-list-item__extra-text {
			color: #292929;
			font-size: 26rpx;
		}
	}
</style>
